<!-- ====== About Section Start -->
<section class="overflow-hidden bg-white pb-12 pt-20 lg:pb-[90px] lg:pt-[120px] dark:bg-dark">
  <div class="container mx-auto">
    <div class="-mx-4 flex flex-wrap items-center justify-between">
      <!-- 左侧图片区域 - 左右并排布局显示完整图片 -->
      <div class="w-full px-4 lg:w-6/12">
        <div class="-mx-3 flex flex-row gap-4 sm:-mx-4 items-start">
          <!-- 左侧图片 - 完整显示无裁剪 -->
          <div class="w-1/2 px-3 sm:px-4">
            <div class="relative">
              <img src="/assets/team/w1.png" alt="飞利猫APP界面展示"
                class="w-full rounded-2xl object-contain h-auto" 
                style="aspect-ratio: auto;" />
            </div>
          </div>
          <!-- 右侧图片 - 完整显示无裁剪 -->
          <div class="w-1/2 px-3 sm:px-4">
            <div class="relative z-10">
              <img src="/assets/team/w2.png" alt="飞利猫产品功能"
                class="w-full rounded-2xl object-contain h-auto" 
                style="aspect-ratio: auto;" />
              <span class="absolute -bottom-7 -right-7 z-[-1]">
                <!-- SVG装饰图案 -->
                <svg width="134" height="106" viewBox="0 0 134 106" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <!-- 保持原有SVG内容 -->
                  {/* SVG content kept identical */}
                </svg>
              </span>
            </div>
          </div>
        </div>
      </div>
      <div class="w-full px-4 lg:w-1/2 xl:w-5/12">
        <div class="mt-10 lg:mt-0">
          <span class="mb-4 block text-lg font-semibold text-primary">
            企业概况
          </span>
          <h2 class="mb-5 text-3xl font-bold text-dark sm:text-[40px]/[48px] dark:text-white">
            山东飞利猫网络科技有限公司
          </h2>
          <p class="mb-5 text-base text-body-color dark:text-dark-6">
            山东飞利猫网络科技有限公司，成立于2020年，位于山东省潍坊市，是一家以从事软件和信息技术服务业为主的企业。企业注册资本1000万人民币，超过了99%的山东省同行。现有业务所面对的客户群体：流量卡，语音卡，所有需要流量用户。
          </p>
          <p class="mb-8 text-base text-body-color dark:text-dark-6">
            结合自身渠道优势，对行业的用户推送消息进行精准的大数据分析，并进行用户画像分析，具备强大的渠道外拓能力，已与互联网各头部信息流平台建立合作关系，拥有多平台、大流量的触点运营资源，可通过这些大流量入口对产品进行精准的营销推广。
          </p>
          <a href="/contact"
            class="inline-flex items-center justify-center rounded-md border border-transparent bg-primary px-7 py-3 text-center text-base font-medium text-white hover:bg-primary/90">
            联系我们
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- ====== About Section End -->

<!-- ====== 渠道资源能力 Section Start -->
<section class="bg-gray-50 py-16 lg:py-20 dark:bg-dark-2">
  <div class="container mx-auto">
    <!-- 标题和年份区域 -->
    <div class="mb-12 flex items-center justify-between">
      <h2 class="text-3xl font-bold text-dark dark:text-white lg:text-4xl">
        渠道资源能力
      </h2>
      <div class="relative">
        <!-- 年份圆环设计 -->
        <div class="flex h-20 w-20 items-center justify-center rounded-full border-4 border-primary bg-white dark:bg-dark">
          <div class="text-center">
            <div class="text-2xl font-bold text-primary">2020</div>
            <div class="text-xs text-body-color dark:text-dark-6">成立年份</div>
          </div>
        </div>
      </div>
    </div>

    <!-- 三个功能模块卡片 -->
    <div class="grid gap-8 md:grid-cols-3">
      <!-- 自有平台卡片 -->
      <div class="bg-white p-8 dark:bg-dark">
        <div class="mb-4">
          <h3 class="text-xl font-semibold text-dark dark:text-white">
            自有平台
          </h3>
          <div class="mt-2 h-1 w-12 bg-primary"></div>
        </div>
        <p class="text-base leading-relaxed text-body-color dark:text-dark-6">
          现有拼多多店铺、微信公众号、抖音等自有推广平台，结合一些名人及媒体资源的公众号发布软文时附带自己的微信公众号，增长粉丝群体，针对用户群里进行内容推送，从而达到一定的业务增长。
        </p>
      </div>

      <!-- 信息流精准投放卡片 -->
      <div class="bg-white p-8 dark:bg-dark">
        <div class="mb-4">
          <h3 class="text-xl font-semibold text-dark dark:text-white">
            信息流精准投放
          </h3>
          <div class="mt-2 h-1 w-12 bg-primary"></div>
        </div>
        <p class="text-base leading-relaxed text-body-color dark:text-dark-6">
          抖音等主流信息流投放平台开设账号投放引流；根据产品特性，针对定向人群，关联热门关键词在字节（抖音、头条、西瓜视频）、主流手机应用市场、主流浏览器（百度、UC）等平台进行精准投放。
        </p>
      </div>

      <!-- 联动各大积分平台卡片 -->
      <div class="bg-white p-8 dark:bg-dark">
        <div class="mb-4">
          <h3 class="text-xl font-semibold text-dark dark:text-white">
            联动各大积分平台（APP/小程序等）
          </h3>
          <div class="mt-2 h-1 w-12 bg-primary"></div>
        </div>
        <p class="text-base leading-relaxed text-body-color dark:text-dark-6">
          通过积分类、任务类、抽奖类活动渠道开展任务转化或积分兑换，利用banner展示等提高用户兑换转化，提升权益产品订购量，带动权益类业务收入增长。
        </p>
      </div>
    </div>
  </div>
</section>
<!-- ====== 渠道资源能力 Section End -->



<!-- ====== 合作方案 Section Start -->
 
  <section x-data="
        {
          openFaq1: false, 
          openFaq2: false, 
          openFaq3: false, 
          openFaq4: false, 
          openFaq5: false, 
          openFaq6: false
        }
      " class="relative z-20 overflow-hidden bg-white pb-12 pt-20 lg:pb-[90px] lg:pt-[120px] dark:bg-dark">
    <div class="container mx-auto">
      <div class="-mx-4 flex flex-wrap">
        <div class="w-full px-4">
          <div class="mx-auto mb-[60px] max-w-[520px] text-center lg:mb-20">
            <span class="mb-2 block text-lg font-semibold text-primary">
              合作方案
            </span>
            <h2 class="mb-4 text-3xl font-bold text-dark sm:text-[40px]/[48px] dark:text-white">
              全方位营销解决方案
            </h2>
            <p class="text-base text-body-color dark:text-dark-6">
              基于大数据分析和精准营销策略，为合作伙伴提供从资源整合到数据分析的全链路营销服务，助力业务快速增长。
            </p>
          </div>
        </div>
      </div>

      <div class="-mx-4 flex flex-wrap">
        <div class="w-full px-4 lg:w-1/2">
          <!-- 整合资源方案 -->
          <div
            class="mb-8 w-full rounded-lg bg-white p-4 shadow-[0px_20px_95px_0px_rgba(201,203,204,0.30)] sm:p-8 lg:px-6 xl:px-8 dark:bg-dark-2 dark:shadow-[0px_20px_95px_0px_rgba(0,0,0,0.30)]">
            <button class="faq-btn flex w-full text-left" @click="openFaq1 = !openFaq1">
              <div
                class="mr-5 flex h-10 w-full max-w-[40px] items-center justify-center rounded-lg bg-primary/5 text-primary dark:bg-white/5">
                <svg :class="openFaq1 && 'rotate-180'" width="22" height="22" viewBox="0 0 22 22" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M11 15.675C10.7937 15.675 10.6219 15.6062 10.45 15.4687L2.54374 7.69998C2.23436 7.3906 2.23436 6.90935 2.54374 6.59998C2.85311 6.2906 3.33436 6.2906 3.64374 6.59998L11 13.7844L18.3562 6.53123C18.6656 6.22185 19.1469 6.22185 19.4562 6.53123C19.7656 6.8406 19.7656 7.32185 19.4562 7.63123L11.55 15.4C11.3781 15.5719 11.2062 15.675 11 15.675Z"
                    fill="currentColor" />
                </svg>
              </div>
              <div class="w-full">
                <h4 class="mt-1 text-lg font-semibold text-dark dark:text-white">
                  整合资源
                </h4>
              </div>
            </button>
            <div x-show="openFaq1" x-transition class="faq-content pl-[62px]" style="display: none;">
              <p class="py-3 text-base leading-relaxed text-body-color dark:text-dark-6">
                利用自有AI外呼平台、微信公众号；整合外部互联网信息流、积分平台、短信等渠道向用户推送代理产品的营销信息，挖掘用户的购买意向及业务办理。打造大会员包，借力打力利用第三方互联网产品带动代理产品的销售。与已有的快递驿站、商超等线下门店进行资源互换，通过用户购买下单赠送或积分兑换等形式提升推广销量。
              </p>
            </div>
          </div>
          <!-- 内容运营方案 -->
          <div
            class="mb-8 w-full rounded-lg bg-white p-4 shadow-[0px_20px_95px_0px_rgba(201,203,204,0.30)] sm:p-8 lg:px-6 xl:px-8 dark:bg-dark-2 dark:shadow-[0px_20px_95px_0px_rgba(0,0,0,0.30)]">
            <button class="faq-btn flex w-full text-left" @click="openFaq2 = !openFaq2">
              <div
                class="mr-5 flex h-10 w-full max-w-[40px] items-center justify-center rounded-lg bg-primary/5 text-primary dark:bg-white/5">
                <svg :class="openFaq2 && 'rotate-180'" width="22" height="22" viewBox="0 0 22 22" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M11 15.675C10.7937 15.675 10.6219 15.6062 10.45 15.4687L2.54374 7.69998C2.23436 7.3906 2.23436 6.90935 2.54374 6.59998C2.85311 6.2906 3.33436 6.2906 3.64374 6.59998L11 13.7844L18.3562 6.53123C18.6656 6.22185 19.1469 6.22185 19.4562 6.53123C19.7656 6.8406 19.7656 7.32185 19.4562 7.63123L11.55 15.4C11.3781 15.5719 11.2062 15.675 11 15.675Z"
                    fill="currentColor" />
                </svg>
              </div>
              <div class="w-full">
                <h4 class="mt-1 text-lg font-semibold text-dark dark:text-white">
                  内容运营
                </h4>
              </div>
            </button>
            <div x-show="openFaq2" x-transition class="faq-content pl-[62px]" style="display: none;">
              <p class="py-3 text-base leading-relaxed text-body-color dark:text-dark-6">
                实时收集各大平台最新热点或当下流行热词相结合，策划相关内容专题。围绕拉流量、提转化两个方面，每月准备2种及以上素材包，全力提升产品销量。
              </p>
            </div>
          </div>
          <!-- 活动运营方案 -->
          <div
            class="mb-8 w-full rounded-lg bg-white p-4 shadow-[0px_20px_95px_0px_rgba(201,203,204,0.30)] sm:p-8 lg:px-6 xl:px-8 dark:bg-dark-2 dark:shadow-[0px_20px_95px_0px_rgba(0,0,0,0.30)]">
            <button class="faq-btn flex w-full text-left" @click="openFaq3 = !openFaq3">
              <div
                class="mr-5 flex h-10 w-full max-w-[40px] items-center justify-center rounded-lg bg-primary/5 text-primary dark:bg-white/5">
                <svg :class="openFaq3 && 'rotate-180'" width="22" height="22" viewBox="0 0 22 22" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M11 15.675C10.7937 15.675 10.6219 15.6062 10.45 15.4687L2.54374 7.69998C2.23436 7.3906 2.23436 6.90935 2.54374 6.59998C2.85311 6.2906 3.33436 6.2906 3.64374 6.59998L11 13.7844L18.3562 6.53123C18.6656 6.22185 19.1469 6.22185 19.4562 6.53123C19.7656 6.8406 19.7656 7.32185 19.4562 7.63123L11.55 15.4C11.3781 15.5719 11.2062 15.675 11 15.675Z"
                    fill="currentColor" />
                </svg>
              </div>
              <div class="w-full">
                <h4 class="mt-1 text-lg font-semibold text-dark dark:text-white">
                  活动运营
                </h4>
              </div>
            </button>
            <div x-show="openFaq3" x-transition class="faq-content pl-[62px]" style="display: none;">
              <p class="py-3 text-base leading-relaxed text-body-color dark:text-dark-6">
                通过拓触点、搞活动拉升访问客流量。针对用户属性策划不同的活动形式。如内容导向或有奖导向活动，每月策划1-2个主题，同一主题活动设计至少2个版本，进行A/B测试，以期达到最佳活动效果。通过优化订购体验、开展二次营销、推进业务轻载化提升转化率。建立铁杆粉丝群，开展粉丝群运营。常态化开展权益日等活动，策划专项促销活动，提升产品口碑。抓住用户痛点刺激购买。
              </p>
            </div>
          </div>
        </div>
        <div class="w-full px-4 lg:w-1/2">
          <!-- 竞品分析方案 -->
          <div
            class="mb-8 w-full rounded-lg bg-white p-4 shadow-[0px_20px_95px_0px_rgba(201,203,204,0.30)] sm:p-8 lg:px-6 xl:px-8 dark:bg-dark-2 dark:shadow-[0px_20px_95px_0px_rgba(0,0,0,0.30)]">
            <button class="faq-btn flex w-full text-left" @click="openFaq4 = !openFaq4">
              <div
                class="mr-5 flex h-10 w-full max-w-[40px] items-center justify-center rounded-lg bg-primary/5 text-primary dark:bg-white/5">
                <svg :class="openFaq4 && 'rotate-180'" width="22" height="22" viewBox="0 0 22 22" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M11 15.675C10.7937 15.675 10.6219 15.6062 10.45 15.4687L2.54374 7.69998C2.23436 7.3906 2.23436 6.90935 2.54374 6.59998C2.85311 6.2906 3.33436 6.2906 3.64374 6.59998L11 13.7844L18.3562 6.53123C18.6656 6.22185 19.1469 6.22185 19.4562 6.53123C19.7656 6.8406 19.7656 7.32185 19.4562 7.63123L11.55 15.4C11.3781 15.5719 11.2062 15.675 11 15.675Z"
                    fill="currentColor" />
                </svg>
              </div>
              <div class="w-full">
                <h4 class="mt-1 text-lg font-semibold text-dark dark:text-white">
                  竞品分析
                </h4>
              </div>
            </button>
            <div x-show="openFaq4" x-transition class="faq-content pl-[62px]" style="display: none;">
              <p class="py-3 text-base leading-relaxed text-body-color dark:text-dark-6">
                收集竞品相关推广渠道、推广政策、营销方案等信息，结合自身代理产品制定营销策略、素材包，例如：找寻合适的KOL、开发活动页面，定期变换推广主题，匹配合适的信息流平台。
              </p>
            </div>
          </div>
          <!-- 数据分析方案 -->
          <div
            class="mb-8 w-full rounded-lg bg-white p-4 shadow-[0px_20px_95px_0px_rgba(201,203,204,0.30)] sm:p-8 lg:px-6 xl:px-8 dark:bg-dark-2 dark:shadow-[0px_20px_95px_0px_rgba(0,0,0,0.30)]">
            <button class="faq-btn flex w-full text-left" @click="openFaq5 = !openFaq5">
              <div
                class="mr-5 flex h-10 w-full max-w-[40px] items-center justify-center rounded-lg bg-primary/5 text-primary dark:bg-white/5">
                <svg :class="openFaq5 && 'rotate-180'" width="22" height="22" viewBox="0 0 22 22" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M11 15.675C10.7937 15.675 10.6219 15.6062 10.45 15.4687L2.54374 7.69998C2.23436 7.3906 2.23436 6.90935 2.54374 6.59998C2.85311 6.2906 3.33436 6.2906 3.64374 6.59998L11 13.7844L18.3562 6.53123C18.6656 6.22185 19.1469 6.22185 19.4562 6.53123C19.7656 6.8406 19.7656 7.32185 19.4562 7.63123L11.55 15.4C11.3781 15.5719 11.2062 15.675 11 15.675Z"
                    fill="currentColor" />
                </svg>
              </div>
              <div class="w-full">
                <h4 class="mt-1 text-lg font-semibold text-dark dark:text-white">
                  数据分析
                </h4>
              </div>
            </button>
            <div x-show="openFaq5" x-transition class="faq-content pl-[62px]" style="display: none;">
              <p class="py-3 text-base leading-relaxed text-body-color dark:text-dark-6">
                结合大数据分析，通过用户模型分析、主动营销工具等，丰富业务推广手段。结合用户内容偏好、APP偏好、通信行为等的分析，构建客户画像，精准定位目标用户；匹配不同的人群及营销场景，分析渠道转化，包括：曝光量、点击量、订购转化率、留存率等数据，制定精准的差异化营销策略；采用"优惠券"、"短信直达"等模式，实现目标客户的精准投放；对营销活动效果的不断监测，持续优化投放策略，实现精准营销模型的优化和迭代，提升订购率，引导消费升级。
              </p>
            </div>
          </div>
          <!-- 体验优化方案 -->
          <div
            class="mb-8 w-full rounded-lg bg-white p-4 shadow-[0px_20px_95px_0px_rgba(201,203,204,0.30)] sm:p-8 lg:px-6 xl:px-8 dark:bg-dark-2 dark:shadow-[0px_20px_95px_0px_rgba(0,0,0,0.30)]">
            <button class="faq-btn flex w-full text-left" @click="openFaq6 = !openFaq6">
              <div
                class="mr-5 flex h-10 w-full max-w-[40px] items-center justify-center rounded-lg bg-primary/5 text-primary dark:bg-white/5">
                <svg :class="openFaq6 && 'rotate-180'" width="22" height="22" viewBox="0 0 22 22" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M11 15.675C10.7937 15.675 10.6219 15.6062 10.45 15.4687L2.54374 7.69998C2.23436 7.3906 2.23436 6.90935 2.54374 6.59998C2.85311 6.2906 3.33436 6.2906 3.64374 6.59998L11 13.7844L18.3562 6.53123C18.6656 6.22185 19.1469 6.22185 19.4562 6.53123C19.7656 6.8406 19.7656 7.32185 19.4562 7.63123L11.55 15.4C11.3781 15.5719 11.2062 15.675 11 15.675Z"
                    fill="currentColor" />
                </svg>
              </div>
              <div class="w-full">
                <h4 class="mt-1 text-lg font-semibold text-dark dark:text-white">
                  体验优化
                </h4>
              </div>
            </button>
            <div x-show="openFaq6" x-transition class="faq-content pl-[62px]" style="display: none;">
              <p class="py-3 text-base leading-relaxed text-body-color dark:text-dark-6">
                搭建客户服务及满意度调研体系，形成系统化的满意度监测、分析能力，沉淀产品满意度管理经验。构建"数据监测-短板分析-修复提升"的闭环体系，通过不满意/贬损原因分析，了解产品、服务、流程的问题短板，推动问题的整改，反哺业务发展。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="absolute bottom-0 right-0 z-[-1]">
      <svg width="1440" height="886" viewBox="0 0 1440 886" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path opacity="0.5"
          d="M193.307 -273.321L1480.87 1014.24L1121.85 1373.26C1121.85 1373.26 731.745 983.231 478.513 729.927C225.976 477.317 -165.714 85.6993 -165.714 85.6993L193.307 -273.321Z"
          fill="url(#paint0_linear)" />
        <defs>
          <linearGradient id="paint0_linear" x1="1308.65" y1="1142.58" x2="602.827" y2="-418.681"
            gradientUnits="userSpaceOnUse">
            <stop stop-color="#3056D3" stop-opacity="0.36" />
            <stop offset="1" stop-color="#F5F2FD" stop-opacity="0" />
            <stop offset="1" stop-color="#F5F2FD" stop-opacity="0.096144" />
          </linearGradient>
        </defs>
      </svg>
    </div>
  </section>
<!-- ====== 合作方案 Section End -->